/*CSS index pagina*/
#section-one{
  width: 100%;
  background-color: #f6f4f0;
}
#article-one{
  width: 98%;
  padding: 0 1% 0 1%;
}

#h2-article-one{
  text-align: center;
  color: #2F5E4E;
  margin-bottom: 3.125rem;
}

#image-section-one{
  width: 15%;
  aspect-ratio: 16 / 9;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.875rem;
}

#section-two{
  width: 100%;
}

#article-two-left{
  width: 73%;
  padding: 0 1% 0 1%;
  margin: 0 12.5% 0 12.5%;
}

.h2-article-two{
  margin-bottom: 1.25rem;
  color: #2F5E4E;
}

#offerte-linkje{
  color: #0057D9;
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 5px;

}


#article-two-right{
  width: 73%;
  padding: 0 1% 0 1%;
  margin: 0 12.5% 0 12.5%;
}

#image-section-two{
  width: 100%;
}

/* media query's voor de allerkleinste schermpjes*/
@media screen and (max-width: 390px){

}
/* Einde media query's voor de allerkleinste schermpjes*/

/* begin standaard media query's*/
@media screen and (max-width: 700px){
 #image-section-one{
   width: 30%;
 }
}

@media screen and (min-width: 701px) and (max-width: 800px){
  #image-section-one{
    width: 50%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1300px){

}
/* Einde media queries */